/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */

/* Core CSS required for Ionic components to work properly */
@import "~@ionic/angular/css/core.css";

/* Basic CSS for apps built with Ionic */
@import "~@ionic/angular/css/normalize.css";
@import "~@ionic/angular/css/structure.css";
@import "~@ionic/angular/css/typography.css";
@import '~@ionic/angular/css/display.css';

/* Optional CSS utils that can be commented out */
@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";

/**
 *  没有看到显式的导入这个文件的地方，说明这个文件框架加载的，该文件的加载是@angular/cli的能力，@ionic/cli包含他，
 *      业务上陈老师在这里写得样式将会被全局应用，即上文的：Put style rules here that you want to apply globally。
 */
$segment-button-md-border-bottom-width: 0px;
.android {
	ion-header {
		padding-top: 24px;
		background: linear-gradient(to right, #64C5D8, #5AA2D8);
	}
	#set-footer {
		margin-bottom: 30px !important;
	}
	ion-header ion-toolbar ion-title {
		background: linear-gradient(to right, #64C5D8, #5AA2D8);
	}
	ion-header ion-toolbar {
		background: linear-gradient(to right, #64C5D8, #5AA2D8);
		color: white;
		font-size: 17px;
		font-weight: bold;
		--border-width: 0px !important;
	}
}

.inner-container::-webkit-scrollbar {
	display: none;
}

.ios {
	ion-header {
		height: 88px !important;
		//padding-top: 44px !important;
		background: linear-gradient(to right, #64C5D8, #5AA2D8);
	}
	ion-header ion-toolbar ion-title {
		background: linear-gradient(to right, #64C5D8, #5AA2D8);
	}
	ion-header ion-toolbar {
		background: linear-gradient(to right, #64C5D8, #5AA2D8);
		color: white;
		font-size: 17px;
		font-weight: bold;
		--border-width: 0px !important;
		height: 88px !important;
		display: flex;
		padding-top: 0px !important;
	}
	ion-header ion-buttons {
		padding-top: 44px;
	}
	ion-header ion-title {
		padding-top: 44px;
	}
	ion-footer {
		padding-bottom: var(--ion-safe-area-bottom, 0)
	}
}
.sc-ion-buttons-ios-s ion-button {
	color: white;
	font-size: 15px;
	margin-right: 16px;
}
.button-native.sc-ion-back-button-ios {
	color: white;
	margin-left: 7px;
	font-weight: lighter;
}
.days {
	.on-selected {
		background-color: #5AA2D8 !important;
		border-radius: 10px !important;
	}
}
.days {
	.last-month-day {
		background: transparent !important;

		p {
			color: rgba(0, 0, 0, 0.25) !important;
			font-size: 1.2em !important;
		}
	}
}
.days {
	.next-month-day {
		background: transparent !important;

		p {
			color: rgba(0, 0, 0, 0.25) !important;
			font-size: 1.2em !important;
		}
	}
}
.tab-selected {
	color: #5AA2D8;
}
.swiper-pagination,.swiper-pagination-bullets {
	bottom: 0 !important;
}

.swiper-pagination-bullet {
	border-radius: 10px;
	width: 1rem;
	height: 0.2rem;
}

.swiper-pagination-bullet-active {
	background: #999;
}



.segment-md .segment-button {
	color: color(rgb(255, 200, 38)) !important;
}

//头像选择弹窗
.action-sheet-group {	
	.quxiao {
		.action-sheet-button-inner {
			color: red !important;
		}
	}
}

.amap-logo {
	pointer-events: none;
}

.loading-wrapper {
	background: transparent !important;
}

/*自定义全局loading样式 开始 */
.loading {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	.loading-center {
		top: 0;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		overflow: hidden;
	}
	.loading-content {
		top: 60%;
		text-align: center;
		color: #f0f0f0;
		font-size: 1.2rem;
		width: 100%;
	}
}
.sc-ion-modal-ios-h {
	--background: rgba(0, 0, 0, 0);
}
.attendance_detail_btn {
	p {
		color: #f04141 !important;
	}
}

//侧边菜单栏
ion-menu {
	.menu-bc {
		--background: #232F3C;
	}

	.menu-h {
		height: 100px;
	}

	.menu-h>image {
		height: 30px;
	}

	.menu-img {
		max-width: 100%;
		border: 0;
		margin-top: 50px;
		margin-left: 1rem;
		height: 27px;
	}

	ion-item {
		--background: #232F3C;
		color: white;
	}

	.menu-bt {
		background-color: #ff603d4a;
		color: #FF603D;
		height: 44px;
		width: 17rem;
		border-radius: 4px;
		margin-top: 8rem;
		border: 1px solid #FF603D;
	}

	.footer {
		text-align: center;
		width: 100%;
		background: #232F3C;

	}

	.bt {

		background-color: rgba(255, 96, 61, 0.2) !important;
		color: #FF603D !important;
		height: 44px;
		width: 17rem;
		border-radius: 4px;
		margin-bottom: 50px;
		border: 1px solid #FF603D;
	}

}
ion-menu-button {
	--color: #E0F2F1;
}

.alert-notice {
	button {
		color: black !important;
		width: 70% !important;
		background-color: #FFBE00 !important;
	}
	head {
		color: #24d6ea !important;
		width: 50% !important;
		background-color: #b33a4b;

	}
	app-messages {
		color: #b33a4b !important;
	}
	.alert-button.sc-ion-alert-ios {
		border-radius: 13%/50% !important;
		margin-top: 20px !important;
	}
	.alert-button-group.sc-ion-alert-ios {
		width: 80% !important;
		display: flex !important;
		align-content: center !important;
		justify-content: center !important;
		margin: auto !important;
		border-radius: 10% !important;
		margin-bottom: 5% !important;
	}
	.alert-head.sc-ion-alert-ios {
		color: #5AA2D8 !important;
		margin: auto !important;
		width: 90% !important;
		margin-bottom: 20px !important;
	}
	.alert-title.sc-ion-alert-ios {
		font-size: 20px !important;
		color: #5AA2D8 !important;
		font-weight: 500;
		width: 100% !important;

	}
	.alert-message.sc-ion-alert-ios {
		text-align: left !important;
		font-size: 15px !important;
	}
}
.auto-item {
	height: 55px;
	border-bottom: 1px solid rgba(153, 153, 153, 0.3);
	line-height: 20px;
	color: rgba(42, 42, 42, 100);
	font-size: 13px;
	margin-top: 8px;
	margin-left: 14px;
	margin-right: 14px;
}
.auto-item-span {
	display: block;
	line-height: 14px;
	color: rgba(153, 153, 153, 100);
	font-size: 11px;
	margin-top: 2px;
	padding-left: 0;
}
.toast-wrapper {
	background-color: rgba(0, 0, 0, 0.6);
}

.amap-sug-result {
	overflow-y: scroll;
}

.searchbar-input.sc-ion-searchbar-ios {
	padding: 0;
	font-size: 14px;
}

.segment-button-checked {
	--indicator-height: 0px;
}
ion-segment-button {
	margin-top: 0;
	margin-bottom: 0;
	min-width: 30px;
	min-height: 28px;
}